<link rel="stylesheet" href="/stylesheets/ease/ease.css">

<div id="orders-header" class="header1-wrapper bc">
    <div class="header1 rela bc1 white">
        <div class="title txtc white">服务评价</div>
        <a class="btn-back white" href="#/tab/myOrders/orderdetail" >
            <i class="icon-icon-07"></i>
        </a>
        <!--<a class="btn-back btn-left white" href="#/tab/orderdetail" >
            <span style="font-family:'ArialMT', 'Arial';font-weight: bold;"><</span>
        </a>-->
    </div>
</div>
<div id="wrapper" style="background: #eee;">
<div id="scroller" class="comment">
    <div class="bc1" style="padding:1em 1em;">
        <div class="rela txtc">
            <img ng-src="{{'/image/userimg/userface/'+carrier.headerpath||'head.png'}}"  width="80" height="80" style="border-radius: 50%;"><br />
            <span class="lh20 white">{{carrier.company}}</span>
        <span class=" auth-state" style="">
            <i class="{{authImg}} " style=""></i>
            <span class="" style="">{{authText}}</span>
        </span>
        </div>
    </div>
    <div style="padding:3px 1.5em;">
        <div class="com-line ">
            <span style="">服务态度</span>
            <span style="vertical-align: top">*</span>&nbsp;&nbsp;
            <span style="">
                <span class="grader" ng-class="{active:$index < comment.attitude}" ng-repeat="grader in graderArray" ng-click="grade('attitude' ,$index)">★</span>
            </span>
            <span>&nbsp;{{comment.attitude}}/{{graderArray.length}}</span>
        </div>
        <div class="com-line">关心货物
            <span style="font-size:16px;vertical-align: top">*</span>&nbsp;&nbsp;
            <span >
                <span class="grader" ng-class="{active:$index < comment.care}" ng-repeat="grader in graderArray" ng-click="grade('care' ,$index)">★</span>
            </span>
            &nbsp;<span>{{comment.care}}</span>/{{graderArray.length}}
        </div>
        <div class="com-line">描述相符
            <span style="font-size:16px;vertical-align: top">*</span>&nbsp;&nbsp;
            <span id="grader3">
                <span class="grader" ng-class="{active:$index < comment.corresponds}" ng-repeat="grader in graderArray" ng-click="grade('corresponds' ,$index)">★</span>
            </span>
            &nbsp;<span>{{comment.corresponds}}</span>/{{graderArray.length}}
        </div>
        <!--<table width="100%" cellspacing="0">
            <tr>
                <td width=""
            </tr>
        </table>-->
        <div><div class="box">
            <div class="">详细评价
                <span style="font-size:16px;vertical-align: top">*</span>&nbsp;&nbsp;&nbsp;
            </div>
            <div class="flex" style="margin-right: 10px;">
                <!--<div class="com-text" contentEditable="true"></div>-->
                <textarea id="commentText" class="com-text1" rows="5" ng-model="comment.evaluation"   placeholder="请输入您的评价"></textarea>
            </div>
        </div></div>

    </div>
    <div class="btnbr post" ng-class="{disable:flag}" ng-click="post()" style="margin: 20px 2.5em;">{{flag?'已 评 价':'评 价'}}</div>
</div>
</div>